<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>分销商 | 商超财富宝</title>
    <link rel="icon" type="image/x-icon" href="../favicon.ico" />
    <link rel="stylesheet" type="text/css" href="../public/css/reset.css">
    <script type="text/javascript" src="../public/js/rem.js"></script>
    <link rel="stylesheet" type="text/css" href="../public/css/weui.min.css">
    <link rel="stylesheet" type="text/css" href="../public/css/jquery-weui.css">
    <link rel="stylesheet" type="text/css" href="../static/css/distribute.css">
</head>
<body>
    <div class="container">
        <!-- 头部 -->
        <header>
            <!-- 返回箭头 -->
            <a href="javascript:void(0)" class="back">
                <img src="../static/images/icon_back.png">
            </a>
            <span>分销商</span>
        </header>

        <!-- 上下级用户展示 -->
        <div class="main">
            <!-- 推荐人信息 -->
            <div class="father">
                <h3><a>我的发起人</a></h3>

            </div>
            
            <!-- 推荐用户信息 -->
            <div class="sonsList">
                <h3>我的合伙人</h3>

            </div>
        </div>

        <!-- 底部导航图标 -->
        <footer>
                <div class="home foot_icon">
                    <a href="../templates/home.html">
                        <img src="../static/images/home.png">
                        <p>首页</p>
                    </a>
                </div>
    
                <div class="distributor foot_icon">
                    <a href="../templates/distribute.html">
                        <img src="../static/images/distributor_light.png">
                        <p>分销商</p>
                    </a>
                    
                </div>
    
                <div class="personal foot_icon">
                    <a href="../templates/personal.html">
                        <img src="../static/images/personal.png">
                        <p>我的</p>
                    </a>
                </div>
        </footer>
    </div>
</body>
<script type="text/javascript" src="../public/js/jquery.js"></script>
<script type="text/javascript" src="../public/js/template-web.js"></script>
<script type="text/javascript" src="../public/js/jquery.cookie.js"></script>
<script type="text/javascript" src="../public/js/jquery-weui.js"></script>
<script type="text/javascript" src="../static/js/distribute.js"></script>
<!-- 上级信息模板展示 -->
<script type="text/html" id="detail">
    {{if upper}}
     <!-- 上级头像 -->
     <a href="../templates/personalInfor.html?index=-1" class="infor" id="higher-ups">
        <div class="photo">
            {{if upper.userPhoto}}
                <img src="{{upper.userPhoto}}">
            {{else if upper.userPhoto==null}}
                <img src="../static/images/head_photo.png">
            {{/if}}
        </div>
                
        <!-- 上级详细信息 -->
        <div class="detail">
            <div>
                <span>ID:</span>
                <span class="name">{{upper.user_name}}</span>
            </div>
            <div>
                <span>时间：</span>
                <span class="time">{{upper.create_date}}</span>
            </div>
        </div>
        <span style="clear: both"></span>
    </a>
    {{/if}}
</script>
<!-- 下级信息展示 -->
<script type="text/html" id="son">
    <ul id="nextson">
    {{each sounList value i}}
        <li>
            <a href="../templates/personalInfor.html?index={{i}}" class="infor">
            <!-- 下级头像 -->
                <div class="photo">
                    {{if value.userPhoto}}
                    <img src="{{value.user_avatar}}">
                    {{else}}
                    <img src="../static/images/head_photo.png">
                    {{/if}}
                </div>
                <!-- 下级详细信息 -->
                <div class="detail">
                <!-- 用户昵称 -->
                    <div>
                        <span>ID：</span>
                        <span class="name">{{value.user_name}}</span>
                    </div>
                <!-- 用户注册时间 -->
                    <div>
                        <span>日期：</span>
                        <span class="time">{{value.createTime}}</span>
                    </div>
                </div>
                <span style="clear: both"></span>
            </a>
        </li>        
    {{/each}}
    </ul>
</script>
<script>
    $(".back").click(function () {
        window.history.back(-1);
        return false;
    })
</script>
</html>